<!DOCTYPE html>
<html lang="en">

<head>
    <title>发布战局</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <script src="../../js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="../../css/public.css">
    <style>
        .register_bg {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: url('../../images/reg/bg.png') center no-repeat;
            background-size: 100%;
            z-index: 1;
        }

        .home_zhangdui_nav {
            overflow: hidden;
            background: #021349 url('../../images/reg/back.png') 10px center no-repeat;
            background-size: .7rem;
        }
        .guese-logo{
            margin-top: 60px;
            
        }
        
        .win,
        .lost{
            width: 30%;
            height: 60px;
            background: url(../../images/home/btm_home_team_challenge_room_challenge.png) no-repeat;
            background-size: 100% 100%;
            border:none;
            margin-top: 140px;
            margin-left: 13%;
            color: #1D1104;
            text-align: center;
            font-size: .45rem;
            font-weight: 600;
        }
        .win{
            background: url(../../images/home/btm_issue.png) no-repeat;
            background-size: 100% 100%;
        }

        .Model{
            position: fixed;
            top: 0;
            bottom: 0;
            left:0;
            right: 0;
            background: rgba(0,0,0,0.5);
            z-index: 555;
        }

        .screenshot{
            width: 91px;
            height: 91px;
            background: url(../../images/home/bg_home_team_issue_add.png) no-repeat;
            margin:0 auto;
            margin-top: 230px;
            text-align: center;
            color: #999BC7;
            font-size: .4rem;
        }
        .icon_camera{
            width: .7rem;
            margin-bottom: 5px;
            margin-top: 20px;
        }

        .select{
            position: fixed;
            width: 100%;
            height: 100%;
            z-index: 999;
            background: rgba(0,0,0,.5);
        }
        .select_bottom{
            position: fixed;
            width: 100%;
            bottom: 0;
            text-align: center;
            background: #2B2D79;
            line-height: 40px;
            color: #EAE3FF;
            font-size: .45rem;
        }
        .select_bottom p{
            width: 100%;
            height: 40px;
            background: #1B1D68;
        }
        .select_bottom p:first-child{
            margin-bottom: 10px;
        }
    </style>
</head>

<body>

    <div class="register_bg">
        <div class="home_zhangdui_nav">
            <span class="goBack"></span>
            <span >挑战战局</span>
        </div>
        
        <div class="guese-logo">  
            <img src="../../images/home/bg_home_issue _ailin.png" alt="">  

        </div>
        
        <div>
            <button class="win">胜利</button>
            <button class="lost">失败</button>
        </div>
    </div>

    <div class="Model">
        <div class="screenshot">
            <img src="../../images/home/icon_camera.png" class="icon_camera">
            <p>添加截图</p>
        </div>
    </div>

    <div class="select">
        <div class="select_bottom">
            <p>从相册获取</p>
            <p>取消</p>
        </div>
    </div>
    <script src="../../js/public.js"></script>
    <script>

    </script>
</body>

</html>